<div class="modal fade in ip-box" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static" aria-labelledby="myModalLabel"
    aria-hidden="true" id="details" *ngIf="details">
    <div class="modal-dialog modal-lg-f modal-lg-f-105" role="document" style="margin: 254px auto;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">授权范围管理 — 详情</h4>
            </div>
            <div class="modal-body">
                <form name="resourceTypeAdd_form" novalidate="" class="ng-pristine ng-invalid ng-invalid-required">

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">资源服务编码：</label>
                        <div class="col-xs-12 col-sm-9">
                            <!-- <input type="text" 
                                   name="scopesCode" 
                                   class="readonly form-control" 
                                   readonly
                                   [value]="details.scopesCode" 
                                   > -->
                            <p class="details-p">{{details.scopesCode}}</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">资源服务名称：</label>
                        <div class="col-xs-12 col-sm-9">
                            <!-- <input type="text" 
                                   name="name" 
                                   class="readonly form-control" 
                                   readonly
                                   [value]="details.scopeName" 
                                   > -->
                            <p class="details-p">{{details.scopeName}}</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">资源服务URL：</label>
                        <div class="col-xs-12 col-sm-9">
                            <!-- <input type="text" 
                                   name="scopeUri" 
                                   class="readonly form-control" 
                                   readonly
                                   [value]="details.scopeUri" 
                                   > -->
                            <p class="details-p">{{details.scopeUri}}</p>
                        </div>
                    </div>

                    <div class="form-group height-auto">

                        <div class="form-group height-auto">
                            <label class="col-xs-12 col-sm-3 control-label text-right">服务类型：</label>
                            <div class="one-line col-xs-12 col-sm-3">
                                <!-- <input type="text"
                                       name="serviceType" 
                                       class="readonly form-control" 
                                       readonly
                                       [value]="details.serviceTypeName"
                                       > -->
                                <p class="details-p">{{details.serviceTypeName}}</p>
                            </div>

                            <label class="one-line col-xs-12 col-sm-3 control-label text-right">资源类型：</label>
                            <div class="col-xs-12 col-sm-3">
                                <!-- <input type="text"
                                       class="readonly form-control" 
                                       readonly
                                       *ngIf="details.scopeType==0"
                                       value="系统资源" 
                                       >
                                <input type="text"
                                       class="readonly form-control" 
                                       readonly
                                       *ngIf="details.scopeType==1"
                                       value="用户资源" 
                                       > -->
                                <p class="details-p" *ngIf="details.scopeType==0">系统资源</p>
                                <p class="details-p" *ngIf="details.scopeType==1">用户资源</p>
                            </div>
                        </div>

                    </div>

                    <div class="form-group height-auto">
                        <label class="col-xs-12 col-sm-3 control-label text-right">描述：</label>
                        <div class="col-xs-12 col-sm-9">
                            <!-- <textarea rows="5" 
                                      type="text" 
                                      name="description" 
                                      class="readonly form-control" 
                                      readonly
                                      [value]="details.description"
                                      >                                    
                            </textarea> -->
                            <p class="details-p">{{details.description}}</p>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-fff" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>